import { generateData } from '@/js/element/heatData.js';
let hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a',
    '7a', '8a', '9a', '10a', '11a',
    '12p', '1p', '2p', '3p', '4p', '5p',
    '6p', '7p', '8p', '9p', '10p', '11p'];
let days = ['1月', '2月', '3月', '4月', '5月', '6月', '7月'];
let data = [
    ['12a', '1月', 5], ['1a', '1月', 1], ['2a', '1月', 0], ['3a', '1月', 0], ['4a', '1月', 0], ['5a', '1月', 0], ['6a', '1月', 0], ['7a', '1月', 0], ['8a', '1月', 0], 
    ['9a', '1月', 0], ['10a', '1月', 0], ['11a', '1月', 2], ['12p', '1月', 4], ['1p', '1月', 1], ['2p', '1月', 1], ['3p', '1月', 3], ['4p', '1月', 4], ['5p', '1月', 6],
    ['6p', '1月', 4], ['7p', '1月', 4], ['8p', '1月', 3], ['9p', '1月', 3], ['10p', '1月', 2], ['11p', '1月', 5], ['12a', '2月', 7], ['1a', '2月', 0], ['2a', '2月', 0], 
    ['3a', '2月', 0], ['4a', '2月', 0], ['5a', '2月', 0], ['6a', '2月', 0], ['7a', '2月', 0], ['8a', '2月', 0], ['9a', '2月', 0], ['10a', '2月', 5], ['11a', '2月', 2], ['12p', '2月', 2], 
    ['1p', '2月', 6], ['2p', '2月', 9], ['3p', '2月', 11], ['4p', '2月', 6], ['5p', '2月', 7], ['6p', '2月', 8], ['7p', '2月', 12], ['8p', '2月', 5], ['9p', '2月', 5], ['10p', '2月', 7], 
    ['11p', '2月', 2], ['12a', '3月', 1], ['1a', '3月', 1], ['2a', '3月', 0], ['3a', '3月', 0], ['4a', '3月', 0], ['5a', '3月', 0], ['6a', '3月', 0], ['7a', '3月', 0], ['8a', '3月', 0], ['9a', '3月', 0], 
    ['10a', '3月', 3], ['11a', '3月', 2], ['12p', '3月', 1], ['1p', '3月', 9], ['2p', '3月', 8], ['3p', '3月', 10], ['4p', '3月', 6], ['5p', '3月', 5], ['6p', '3月', 5], ['7p', '3月', 5], 
    ['8p', '3月', 7], ['9p', '3月', 4], ['10p', '3月', 2], ['11p', '3月', 4], ['12a', '4月', 7], ['1a', '4月', 3], ['2a', '4月', 0], ['3a', '4月', 0], ['4a', '4月', 0], ['5a', '4月', 0], ['6a', '4月', 0], 
    ['7a', '4月', 0], ['8a', '4月', 1], ['9a', '4月', 0], ['10a', '4月', 5], ['11a', '4月', 4], ['12p', '4月', 7], ['1p', '4月', 14], ['2p', '4月', 13], ['3p', '4月', 12], ['4p', '4月', 9], 
    ['5p', '4月', 5], ['6p', '4月', 5], ['7p', '4月', 10], ['8p', '4月', 6], ['9p', '4月', 4], ['10p', '4月', 4], ['11p', '4月', 1], ['12a', '5月', 1], ['1a', '5月', 3], ['2a', '5月', 0], 
    ['3a', '5月', 0], ['4a', '5月', 0], ['5a', '5月', 1], ['6a', '5月', 0], ['7a', '5月', 0], ['8a', '5月', 0], ['9a', '5月', 3], ['10a', '5月', 4], ['11a', '5月', 4], ['12p', '5月', 2], ['1p', '5月', 4], 
    ['2p', '5月', 4], ['3p', '5月', 14], ['4p', '5月', 12], ['5p', '5月', 1], ['6p', '5月', 8], ['7p', '5月', 5], ['8p', '5月', 3], ['9p', '5月', 7], ['10p', '5月', 3], ['11p', '5月', 0], 
    ['12a', '6月', 2], ['1a', '6月', 1], ['2a', '6月', 0], ['3a', '6月', 3], ['4a', '6月', 0], ['5a', '6月', 0], ['6a', '6月', 0], ['7a', '6月', 0], ['8a', '6月', 2], ['9a', '6月', 0], ['10a', '6月', 4], 
    ['11a', '6月', 1], ['12p', '6月', 5], ['1p', '6月', 10], ['2p', '6月', 5], ['3p', '6月', 7], ['4p', '6月', 11], ['5p', '6月', 6], ['6p', '6月', 0], ['7p', '6月', 5], ['8p', '6月', 3], 
    ['9p', '6月', 4], ['10p', '6月', 2], ['11p', '6月', 0], ['12a', '7月', 1], ['1a', '7月', 0], ['2a', '7月', 0], ['3a', '7月', 0], ['4a', '7月', 0], ['5a', '7月', 0], ['6a', '7月', 0], ['7a', '7月', 0], 
    ['8a', '7月', 0], ['9a', '7月', 0], ['10a', '7月', 1], ['11a', '7月', 0], ['12p', '7月', 2], ['1p', '7月', 1], ['2p', '7月', 3], ['3p', '7月', 4], ['4p', '7月', 0], ['5p', '7月', 0], ['6p', '7月', 0], 
    ['7p', '7月', 0], ['8p', '7月', 1], ['9p', '7月', 2], ['10p', '7月', 2], ['11p', '7月', 6]
];
let Template = [
    {
        id:'Heat01_0001',
        component: 'Heat01', // string 热力图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#F3E493', '#E46571', '#B64AD0', '#6754BD', '#6754BD', '#818DD4'],
            page: 0,
            highlight: false,
            locked: false,
            chartOption: {
                type: 'heatMapChart',
                option: {
                    color: ['#F3E493', '#E46571', '#B64AD0', '#6754BD', '#6754BD', '#818DD4'],
                    title: [{
                        text: '热力图',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '8',
                    }],
                    tooltip: {},
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '16%',
                        top: '40',
                        containLabel: true,
                    },
                    xAxis: {
                        type: 'category',
                        // data: xData,
                        axisLine: {   //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        },
                        axisLabel: {    //轴标签
                            showMaxLabel: true, // 强制显示最大值标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
        
                    },
                    yAxis: {
                        type: 'category',
                        // data: yData,
                        axisLine: {   //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        },
                        axisLabel: {    //轴标签
                            showMaxLabel: true, // 强制显示最大值标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                    },
                    visualMap: {
                        min: 0,
                        max: 1,
                        calculable: true,
                        realtime: false,
                        orient: 'horizontal',
                        left: 'center',
                        bottom: '0%',
                        inRange: {
                            color: ['#F3E493', '#E46571', '#B64AD0', '#6754BD', '#6754BD', '#818DD4']
                        }
                    },
                    series: [{
                        type: 'heatmap',
                    }]
                }
            },
            interval: -1 
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: 'x',
                index: 0,
                type: 'x'
            },
            {
                alias: 'y',
                index: 1,
                type: 'y'
            },
            {
                alias: 'z',
                index: 2,
                type: 'z'
            }],
            value: [
                ['x', "y", "z"],
                ...generateData()
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id:'Heat02_0001',
        component: 'Heat02', // string 热力图
        style: {
            width: {
                value: 600,
                pixel: 600,
                unit: 'px'
            },
            height: {
                value: 300,
                pixel: 300,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            colorGroup: ['#7BC3F5', '#618FF6', '#5659F7', '#6ACE99', '#C0F2B4', '#E0E5DB'],
            page: 0,
            highlight: false,
            chartOption: {
                type: 'heatMapChartStatis',
                option: {
                    tooltip: {
                        position: 'top'
                    },
                    color: ['#7BC3F5', '#618FF6', '#5659F7', '#6ACE99', '#C0F2B4', '#E0E5DB'],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '16%',
                        top: '40',
                        containLabel: true,
                    },
                    title: [{
                        text: '北京市能耗统计图',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'center',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'right',
                        top: '8',
                    }],
                    xAxis: {
                        type: 'category',
                        data: hours,
                        splitArea: {
                            show: true
                        },
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            show: true,
                            interval: 0,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'category',
                        data: days,
                        splitArea: {
                            show: true
                        },
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    visualMap: {
                        min: 0,
                        max: 10,
                        calculable: true,
                        orient: 'horizontal',
                        left: 'center',
                        bottom: '0%',
                        inRange: {
                            color: ['#F3E493', '#E46571']
                        }
                        // color: ['#F3E493', '#E46571', '#B64AD0', '#6754BD', '#6754BD', '#818DD4']
                    },
                    series: [{
                        type: 'heatmap',
                    }]
                }
            },
            locked: false,
            interval: -1
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: 'x',
                index: 0,
                type: 'x'
            },
            {
                alias: 'y',
                index: 1,
                type: 'y'
            },
            {
                alias: 'value',
                index: 2,
                type: 'value'
            }],
            value: [
                ['x', "y", "value"],
                ...data
            ], // 二维数组 存静态数据 二维数组
        }
    }
]
export default Template;
